<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="./static/plugins/layui/css/layui.css" />
    <link type="text/css" rel="stylesheet" href="./static/plugins/layui/extend/steps/style.css" />
    <link rel="stylesheet" href="./static/css/actManage.css" />
    <link type="text/css" rel="stylesheet" href="./static/css/common.css" />
    <link type="text/css" rel="stylesheet" href="./static/css/link.css"/>
    <link type="text/css" rel="stylesheet" href="./static/css/toastr.css"/>
    <style>
        .layui-form-label{
            width: 120px;
        }
    </style>
</head>
<body bgcolor="#d6e6e6" style="">
<div class="layui-row" style="padding-left: 10px;padding-right: 10px;">

    <div class="layui-card" style="margin-bottom: 5px;margin-top: 5px">
        <div class="layui-card-body" style="height: 50px;">
            <div class="layui-row">
                <div class="layui-col-md10 layui-col-md-offset1">
                    <div id="create_step" class="step-body">
                        <div class="step-header">
                            <ul>
                                <li>
                                    <span class="step-name">活动种类</span>
                                </li>
                                <li>
                                    <span class="step-name">活动配置</span>
                                </li>
                                <li>
                                    <span class="step-name">奖品配置</span>
                                </li>
                                <li>
                                    <span class="step-name">目标用户</span>
                                </li>
                                <li>
                                    <span class="step-name">短信配置</span>
                                </li>
                            </ul>
                        </div>
                        <div class="step-content"  style="display: none">
                            <div class="step-list">活动种类</div>
                            <div class="step-list">活动配置</div>
                            <div class="step-list">奖品配置</div>
                            <div class="step-list">目标用户</div>
                            <div class="step-list">短信配置</div>
                        </div>

                    </div>
                </div>
            </div>

        </div>
    </div>

</div>
<!-- 活动种类类型面板 -->
<div class="layui-col-md12" style="padding-left: 10px;padding-right: 10px; padding-top: -10px;">
    <div class="layui-card">
        <div class="layui-card-header"><span><img src="./static/images/activity-add.png">&nbsp;&nbsp;活动基础配置</span></div>
        <div class="layui-card-body">
            <!-- 活动基本配置面板 -->
            <div id="activity-type-panel" style="height: 380px;">
                <form class="layui-form" action="">
                    <table style="margin: 0 auto;width: 410px;padding-top: 50px">
                        <tr>
                            <td><label class="layui-form-label"><img src="./static/images/activity-config-1.png">&nbsp;活动名称</label></td>
                            <td><input id="actName" type="text" name="title" placeholder="" autocomplete="off" class="layui-input"></td>
                        </tr>

                        <tr>
                            <td><label class="layui-form-label"><img src="./static/images/activity-config-2.png">&nbsp;日期范围</label></td>
                            <td><input class="layui-input" id="time" placeholder=" - " type="text" autocomplete="off"></td>
                        </tr>

                        <tr>
                            <td><label class="layui-form-label"><img src="./static/images/activity-config-3.png">&nbsp;参与次数</label></td>
                            <td>
                                <select id="joinTimes" name="num" class="layui-input-block">
                                    <option value="1">1</option>
                                    <option value="2">2</option>
                                    <option value="3">3</option>
                                    <option value="4">4</option>
                                    <option value="5">5</option>
                                </select>
                            </td>
                        </tr>

                        <tr>
                            <td><label class="layui-form-label"><img src="./static/images/activity-config-4.png">&nbsp;活动logo</label></td>
                            <td><button id="upload-photo" class="layui-btn layui-btn-lg" type="button">上传图片</button></td>
                        </tr>

                        <tr>
                            <td><label  class="layui-form-label" ><img src="./static/images/activity-config-5.png">&nbsp;活动门店</label></td>
                            <td><a id="store-button" class="layui-btn layui-btn-lg" onclick="click_model()"><span style="color:#35E2F3;">活动门店</span></a></td>
                        </tr>

                        <tr>
                            <td><label  class="layui-form-label" ><img src="./static/images/activity-config-5.png">&nbsp;已选门店</label></td>
                            <td style="background: #F8F8F8"><div id="store-panel" style=""></div></td>
                        </tr>
                    </table>


                </form>
            </div>


        </div>
    </div>
</div>
<!-- 底部按钮 -->
<div id="bottom">
    <button id="next-button" class="layui-btn layui-btn-lg" >下一步</button>
    <button id="prev-button" class="layui-btn layui-btn-lg">
        <span>上一步</span></button>
</div>

<script src="./static/js/base.js"></script>
<script src="./static/plugins/jquery/jquery-2.0.3.min.js"></script>
<script src="./static/plugins/layui/layui.js"></script>
<script type="text/javascript" src="./static/plugins/layui/config.js"></script>
<!--<script src="./static/plugins/layui/lay/modules/tree.js"></script>-->
<script src="./static/plugins/vue.min.js"></script>
<script type="text/javascript" src="./static/js/rebindingboxbase.js"></script>
<script src="./static/js/submit.js"></script>
<script type="text/javascript" src="./static/js/toastr.js"></script>
<script type="text/javascript" src="./static/js/toastrUtil.js"></script>
<script src="./static/js/actConfig.js"></script>
</body>
</html>